<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Online Architects - make your IT project deliver</title>
    <link href="styles.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <!-- begin #container -->
    <div id="container">
      <!-- begin #header -->
      <div id="header">
        <div class="logoContainer">
          <div><img src="images/ONLARCH%20LOGO.png" alt="" /></div>
          <div class="slogan">ONLINE ARCHITECTS AT YOUR SERVICE ROUND THE  CLOCK<br />
          </div>
        </div>
        <div class="icons">
          <ul>
            <li><a href=""><img src="images/twitter.png" alt="" /></a></li>
            <li><a href=""><img src="images/delicious.png" alt="" /></a></li>
            <li><a href=""><img src="images/facebook.png" alt="" /></a></li>
            <li><a href=""><img src="images/feed.png" alt="" /></a></li>
            <li><a href=""><img src="images/flickr.png" alt="" /></a></li>
            <li><a href=""><img src="images/linkedin.png" alt="" /></a></li>
            <li><a href=""><img src="images/myspace.png" alt="" /></a></li>
            <li><a href=""><img src="images/stumble.png" alt="" /></a></li>
          </ul>
        </div>
        <div class="clearfloat"></div>
        <div class="menu">
          <ul>
            <li><a href="">WE DO</a></li>
            <li><a href="">WE WORK IN</a></li>
            <li><a href="">WE ARE</a></li>
            <li><a href="">LOCATIONS/CONTACT<br />
              </a></li>
          </ul>
        </div>
        <br />
      </div>
      <!-- end #header -->
      <div class="boxes">
        <div class="box">
          <h3>FIELDS OF WORK<br />
          </h3>
          <img src="images/Wedo.png" alt="Areas of work for Onlarch" title="What we do"
            longdesc="Areas of work for Onlarch" style="width: 728px; height: 470px;" />
          <p><b><br />
            </b></p>
          <p><b><br />
            </b></p>
          <br />
          <div class="boxButton"></div>
        </div>
        <div class="box">
          <h3><br />
          </h3>
          <br />
          <br />
          <div class="boxButton"></div>
        </div>
        <div class="box">
          <h3><br />
          </h3>
          <br />
          <br />
          <div class="boxButton"></div>
        </div>
      </div>
      <div class="clearfloat"></div>
      <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br
        class="clearfloat" />
      <!-- begin #footer -->
      <div id="footer">
        <p> Terms of Use | <a title="This page validates as XHTML 1.0 Strict" href="http://validator.w3.org/check/referer"
            class="footerLink"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a>
          | <a title="This page validates as CSS" href="http://jigsaw.w3.org/css-validator/check/referer"
            class="footerLink"><abbr title="Cascading Style Sheets">CSS</abbr></a>
          | Copyright © Security Company . Design by <a href="http://www.flash-templates-today.com">Free
            Flash Templates</a>. </p>
      </div>
      <!-- end #footer --> </div>
    <!-- end #container -->
  </body>
</html>
